.wea-doc-news{
  height: 100%;
  position: relative;
  .displayNone{
    display: none;
  }
  .paddingLeft178{
    padding-left: 178px;
  }
  .news-left{
    position:absolute;
    background: #F5F5F6;
    height: 100%;
    width: 178px;

    .news-left-title{
      font-weight: 600;
      vertical-align: bottom;
      font-family: PingFangSC-Semibold;
      font-size: 20px;
      color: #0C57A1;
      letter-spacing: -0.34px;
      padding: 30px 0 0 32px;
    }

    .news-left-menu{
      padding-top: 36px;
      .ant-menu{
        color:#333;
        background: transparent;
        width: auto!important;
        .ant-menu-item-selected{
          color: #fff;
          background: #73A3FF;
        }
        .ant-menu-item{
          padding: 0 16px 0 34px;
          height: 38px;
          line-height: 38px;
        }
      }
    }
  }
  .news-right{
    width: 100%;
    height: 100%;
  }
}
.wea-doc-news-content{
  position: relative;
  height: 100%;
  .paddingRight228{
    padding-right: 228px;
  }
  .content-title{
    font-family: PingFangSC-Semibold;
    color: #333333;
    letter-spacing: -0.34px;
    line-height: 52px;
    height: 52px;
    padding-left: 16px;
    box-shadow: 0 1px 0 0 #E2E2E2;
    font-weight: 600;
    position: relative;
    .content-btn{
      position: absolute;
      right: 16px;
    }
  }

  .content-left{
    // position: absolute;
    // right: 0;
    // width:228px;
    // height: 100%;

    .left-con{
      padding: 16px 0 0 16px;
      .left-con-single{
        padding-top: 10px;
        color: #333333;
        .dots{
          display: inline-block;
          background: #4D7AD8;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          margin-right: 12px;
        }
      }
    }
  }
  .content-right{
    // height: 100%;
    .ant-table, .ant-table table{
      border-radius: 0;
    }
    .ant-table-row:hover{
      background: #fff;
    }
    .ant-table-tbody>tr>td{
      padding: 0;
      border: 0;
    }
    .content-table{
      height: 100%;
      padding: 12px 12px 66px 12px;

      .content-table-single{
        border: 1px solid #E2E2E2;
        height: 150px;
        overflow: hidden;
        margin-bottom: 16px;
        position: relative;
        .single-img{
          height: 100%;
          margin-right: 20px;
          overflow:hidden;
          position: absolute;
        }
        .single-img img{
          margin:-1px;
        }
        .single-con{
          padding: 16px 8px 16px 16px;
          height: 100%;
          vertical-align: top;
          .single-con-title{
            position: relative;
            line-height: 20px;
            .subject{
              font-weight: bolder;
              font-family: PingFang-SC-Bold;
              color: #333333;
              padding-right: 70px;
              width: 100%;
              height: 21px;
              overflow: hidden;
              text-overflow: ellipsis;
              -o-text-overflow: ellipsis;
              -webkit-text-overflow: ellipsis;
              -moz-text-overflow: ellipsis;
              word-break: break-all;
              display: -webkit-box;
              -webkit-line-clamp: 1;  /*限制在一个块元素显示的文本的行数*/
              -webkit-box-orient: vertical;
            }
            .date{
              font-family: PingFangSC-Regular;
              color: #333333;
              text-align: right;
              position: absolute;
              right: 14px;
              display: inline-block;
            }
          }
          .single-con-content{
            .disptmp{
              width: 100%;
              max-height: 75px;
              overflow: hidden;
              word-break: break-all;
              display: -webkit-box;
              -webkit-line-clamp: 4;  /*限制在一个块元素显示的文本的行数*/
              -webkit-box-orient: vertical;
              text-overflow:ellipsis;
            }
          }
        }
      }
    }
  }
}
.wea-doc-news-detail{
  position: relative;
  .detail-date{
    position: absolute;
    color: #666666;
    right: 4px;
    top: 3px;
  }
  .detail-docsubject{
    font-family: PingFang-SC-Bold;
    color: #333333;
    font-weight: bolder;
    padding-left: 4px;
  }
  .detail-content{
    padding: 20px 4px;
  }
  .detail-attachList{
    line-height: 30px;

    .attachList-title{
      color: #333333;
      padding: 5px 0;
      font-weight: bolder;
    }

    .attachList-outer{

      .attachList-single{
        display: inline-block;
        min-width: 336px;
        position: relative;
        cursor: pointer;
         &:hover{
           background: #F3F9FF;

           .icon-coms-download{
             display: inline-block;
           }
         }
         span{
           display: inline-block;
         }
         .icon-coms-download{
          color: #9b9b9b;
          font-size: 14px;
          position: absolute;
          right: 10px;
          top:8px;
          display: none;
        }
         .attachList-icon{
           margin: 0 6px 0 10px;
           color: #0176FA;
           border-radius: 3px;
           font-size: 16px;
           vertical-align: text-top;
         }
       }
    }
  }
}